<template>
  <div style="background-color: #f5f5f5; overflow: hidden">
    
    <app-wu></app-wu>


    <div v-for="type in typeList" :key="type.id">
         <app-more :type="type"></app-more>
        <app-shouji :prods="type.prods" :typeurl="type.typeImage"></app-shouji>
    </div>

   

    

    
  </div>
</template>

<script>
import {listTypeProds} from '@/api/type.js';

import AppMore from './AppMore.vue';
import AppShouji from './AppShouji.vue';
import AppWu from './AppWu.vue';
export default {
  data() {
    return {
      typeList:[],
    };
  },

  created(){
    this.getList();
  },

  components: {AppWu, AppMore, AppShouji},

  methods: {
    getList(){
      listTypeProds().then(resp=>{
        this.typeList = resp.data;
      })
    },
  },
};
</script>

<style scoped>
</style>